@import './mixins';
@import './reset';

// Here you put all global css rules.
html {
  font-size: 100px;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: sans-serif;
   height: 100%;
   background: #ebebeb;
}
#root,.home-app, .page-container {
  height: 100%;
}

/* 常用样式 */
.z-index-2 {z-index: 2;}
.z-index-3 {z-index: 3;}
.h100pc { height: 100%; }
.w100pc { width: 100%; }
.bold400 { font-weight: 400; }
.dsn {display: none;}
.rel { position: relative; }
.abs { position: absolute; }
.fixed { position: fixed; }
.circle { border-radius: 50%; }
li {list-style: none}

/* margin */
.mg-t-10 {
  margin-top: 0.1rem;
}
.mg-t-15 {
  margin-top: 0.15rem;
}
.mg-t-20 {
  margin-top: 0.20rem;
}
.mg-t-25 {
  margin-top: 0.25rem;
}
.mg-t-30 {
  margin-top: 0.3rem;
}
.mg-l-10 {
  margin-left: 0.10rem;
}
.mg-l-15 {
  margin-left: 0.15rem;
}
.mg-l-20 {
  margin-left: 0.20rem;
}
.mg-l-25 {
  margin-left: 0.25rem;
}

/* padding */
.padd-17 {
  padding: 0 0.17rem;
}
.padd-15 {
  padding: 0 0.15rem;
}

/* 字体 */
.f12 {font-size: 0.12rem;}
.f18 {font-size: 0.18rem;}

/* 字体颜色 */
.fff {
  color: #fff;
}
.gray {
  color: #9a9a9a;
}
.orange {color: #f78360;}
.c666 {
  color: #666;
}
.c999 {
  color: #999;
}
/* 背景颜色 */
.bg-gray {
  background-color: #ebebeb;
}
.bg-fff {
  background-color: #fff;
}

/* 蒙层 */

/* 边线 */


/* flex布局 */
.flex { display: flex; }
.jc-start { justify-content: flex-start; }
.jc-center { justify-content: center; }
.jc-end { justify-content: flex-end; }
.jc-sa { justify-content: space-around; }
.jc-sb { justify-content: space-between; }
.fdc {
  display: flex;
  flex-direction: column;
}
.flex .fg1 { flex-grow: 1; }
.flex .fg2 { flex-grow: 2; }
.flex .fg3 { flex-grow: 3; }
.aic { align-items: center; }
.fsb,
.fsa,
.fcc {
  display: flex;
  align-items: center;
}
.fcc { justify-content: center; }
.fsb { justify-content: space-between; }
.fsa { justify-content: space-around; }
.ifcc {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
